<script setup lang='ts'>
import thisSellerData from "@/components/pc/thisSellerData.vue";
import { ref } from "vue";
const data = ref([
    {h1:'品牌卖家',p1:'SEO/SEM',p2:'私域运营'},
    {h1:'COD卖家',p1:'签收率高',p2:'有货源/无货源模式'},
    {h1:'游戏卖家',p1:'游戏买量',p2:'精细化'},
    {h1:'平台站卖家',p1:'货架电商',p2:'人找货'},
    {h1:'B2B企业',p1:'供应链',p2:'线下获客'}
])
const isI = ref(0)
const thisI = (e:number) => {
    isI.value = e
}

</script>

<template>
    <div class="data">
        <div class="logo">
            <img class="imglogo" src="../../assets/img/chuhailuban.5ff0ba7a.png" alt="">
        </div>
        <br>
        <div class="title">
            <img class="titleImg" src="../../assets/img/21.svg" alt="">
            <h1>卖家指引</h1>
            <img class="titleImg" src="../../assets/img/21.svg" alt="">
        </div>
        <div class="span"></div>
        <div class="content">
            <div class="selectData">
                <div v-for="(item,i) in data" @click="thisI(i)" :class="['select', i === isI ? 'select1' : '']">
                <h2>{{item.h1}}</h2>
                <div class="btn">
                    <p>{{item.p1}}</p>
                    <p>{{item.p2}}</p>
                </div>
                <img class="isSvg" v-if="i === isI" src="../../assets/img/22.svg" alt="">
                <img class="isSvg" v-if="i !== isI" src="../../assets/img/23.svg" alt="">
            </div>
            </div>
            <thisSellerData :isI></thisSellerData>
        </div>
    </div>


</template>

<style scoped>
@import url(../../assets/style/SellerData.css);
</style>